<template>
	<div id="steps">
		<!-- 插入步骤条 -->
		<el-steps :active="active" finish-status="success" simple>
			<el-step title="封装形式" icon='el-icon-takeaway-box'></el-step>
			<el-step title="压痕测试" icon='el-icon-set-up'></el-step>
			<el-step title="生成曲线" icon='el-icon-data-line'></el-step>
		</el-steps>
	</div>
</template>

<script>
	export default {
		name: 'Steps',
		data() {
			return {
				active: 0
			}
		},
		methods: {
			// 绑定步骤条点击事件
			// on_click(s) {
			// 	this.active = s
			// 	// // 向父组件中传发射自定义事件
			// 	// this.$emit('activeClick', e)
			// 	// 设置步骤条路由跳转
			// 	switch (s) {
			// 		case 0:
			// 			this.$router.push({
			// 				path: '/S1'
			// 			})
			// 			this.active = 0
			// 			break;
			// 		case 1:
			// 			this.$router.push({
			// 				path: '/S2'
			// 			})
			// 			this.active = 1
			// 			break;
			// 		case 2:
			// 			this.$router.push({
			// 				path: '/S3'
			// 			})
			// 			this.active = 2
			// 	}
			// }
		},
	}
</script>

<style type="text/css">
	/* 设置步骤条样式 */
	#steps {
		margin-top: 50px;
	}

	/* 设置步骤条的字体和手型箭头 */
	.el-step.is-simple .el-step__title {
		font: "arial black";
		font-size: 1.25rem;
		/* cursor: pointer; */
	}
</style>
